.timer-container {
	/*margin: 8%;*/
}


.timer-canvas-container {
	margin: 20px;
	padding-bottom: 4%;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.timer-canvas {
	height: 80%;
}

.flex {
	display: flex;
}

.fault-text {
	position: relative;
	margin: auto;
	font-weight: bold;
	font-size: 60px;
	color: #fff;
}
.fault-text::before, .fault-text::after {
	overflow: hidden;
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	clip: rect(0, 900px, 0, 0);
	color: #fff;
	content: attr(data-text);
	animation: shake 3s linear infinite alternate-reverse;
}
.fault-text::before {
	left: -2px;
	text-shadow: 1px 0 #09f;
}
.fault-text::after {
	left: 2px;
	text-shadow: -1px 0 #f66;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes shake {
	0% {
		clip: rect(74px, 9999px, 55px, 0);
	}
	5% {
		clip: rect(36px, 9999px, 70px, 0);
	}
	10% {
		clip: rect(98px, 9999px, 55px, 0);
	}
	15% {
		clip: rect(6px, 9999px, 87px, 0);
	}
	20% {
		clip: rect(40px, 9999px, 72px, 0);
	}
	25% {
		clip: rect(96px, 9999px, 2px, 0);
	}
	30% {
		clip: rect(48px, 9999px, 70px, 0);
	}
	35% {
		clip: rect(62px, 9999px, 32px, 0);
	}
	40% {
		clip: rect(32px, 9999px, 18px, 0);
	}
	45% {
		clip: rect(76px, 9999px, 51px, 0);
	}
	50% {
		clip: rect(46px, 9999px, 48px, 0);
	}
	55% {
		clip: rect(41px, 9999px, 68px, 0);
	}
	60% {
		clip: rect(60px, 9999px, 67px, 0);
	}
	65% {
		clip: rect(17px, 9999px, 64px, 0);
	}
	70% {
		clip: rect(48px, 9999px, 40px, 0);
	}
	75% {
		clip: rect(26px, 9999px, 73px, 0);
	}
	80% {
		clip: rect(79px, 9999px, 10px, 0);
	}
	85% {
		clip: rect(52px, 9999px, 32px, 0);
	}
	90% {
		clip: rect(61px, 9999px, 80px, 0);
	}
	95% {
		clip: rect(59px, 9999px, 70px, 0);
	}
	100% {
		clip: rect(50px, 9999px, 66px, 0);
	}
}

@keyframes shake {
	0% {
		clip: rect(74px, 9999px, 55px, 0);
	}
	5% {
		clip: rect(36px, 9999px, 70px, 0);
	}
	10% {
		clip: rect(98px, 9999px, 55px, 0);
	}
	15% {
		clip: rect(6px, 9999px, 87px, 0);
	}
	20% {
		clip: rect(40px, 9999px, 72px, 0);
	}
	25% {
		clip: rect(96px, 9999px, 2px, 0);
	}
	30% {
		clip: rect(48px, 9999px, 70px, 0);
	}
	35% {
		clip: rect(62px, 9999px, 32px, 0);
	}
	40% {
		clip: rect(32px, 9999px, 18px, 0);
	}
	45% {
		clip: rect(76px, 9999px, 51px, 0);
	}
	50% {
		clip: rect(46px, 9999px, 48px, 0);
	}
	55% {
		clip: rect(41px, 9999px, 68px, 0);
	}
	60% {
		clip: rect(60px, 9999px, 67px, 0);
	}
	65% {
		clip: rect(17px, 9999px, 64px, 0);
	}
	70% {
		clip: rect(48px, 9999px, 40px, 0);
	}
	75% {
		clip: rect(26px, 9999px, 73px, 0);
	}
	80% {
		clip: rect(79px, 9999px, 10px, 0);
	}
	85% {
		clip: rect(52px, 9999px, 32px, 0);
	}
	90% {
		clip: rect(61px, 9999px, 80px, 0);
	}
	95% {
		clip: rect(59px, 9999px, 70px, 0);
	}
	100% {
		clip: rect(50px, 9999px, 66px, 0);
	}
}
